body{
    margin:0;
    padding:0;
}

.index-background{
text-align:center;
}
.background-img{
    width:100%;
}
.map-title{
    float: left;
    margin-top: -678%;
    position: relative;
    text-align: center;
    z-index: 1;
}
.map-title-img{
    width:100%;
}

.activity-one{
     margin-top: -613%;
     text-align: center;
     height: auto;
 }
.activity-one-img,.activity-two-img,.activity-three-img{
    width: 90%;
}
.tab-draw{
    margin-top: -18%;
    text-align: center;
    height: auto;
}
.draw-one-img{
    width:50%;
}
.activity-two,.activity-three{
    margin-top: 4px;
    text-align: center;
    height: auto;
}
.tab-shops{
    margin-top: -18%;
    text-align: center;
    height: auto;
}
.qr-code{
    margin-top: 8%;
    text-align: center;
}
.qr-code-img{
    width:98%;
}
